<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>_电子面单</title>
<style type="text/css">
<!--


body{ font-family:"Microsoft YaHei"; line-height:15pt;}
.font6{ font-size:6pt;font-weight:100;}
.font7{ font-size:7pt;font-weight:100;}
.font8{ font-size:8pt;font-weight:100;}
.font10{ font-size:10pt;font-weight:100;}
.font20{ font-size:20pt;font-weight:100;}
.font24{ font-size:24pt; font-weight: 100;}
.font-jc{ font-weight:bolder;}
body{ line-height:15pt; color:#333; background-color:#FFF;  }
.tabwk{ width:104mm; height:184mm; text-align:center; padding:2mm 2mm;border:#f6f6f6 solid 1px; display: block;/* margin-left: auto; */margin-right: auto;}
.tab1{ width:100mm; height:178mm;}
.tabsb { border-bottom:#c5c5c5 solid 1px; border-top:#c5c5c5 solid 1px;}
.tabrd {border-bottom:#c5c5c5 solid 1px; border-right:#c5c5c5 solid 1px;}
.tabr {border-right:#c5c5c5 solid 1px;}
.tabd { border-bottom:#c5c5c5 solid 1px;}
.tabtd2 {border-top:#0f0f0f solid 2px; border-bottom:#0f0f0f solid 2px;}
.margin-left20 { margin-left:20px;}
.padding-left5{padding-left:5px;}
.padding-right5{padding-right:5px;}
.font-90deg{ line-height:5pt !important; display:block; transform:rotate(90deg);-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); }
-->
</style>
</head>

<body>
<table class="tabsb tab1"   border="0" align="left" cellpadding="0" cellspacing="0" >
  <tr>
    <td style="height:33mm">
    <table class="tabd" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="tabrd"><table  style="height:13mm;"  width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td rowspan="2" width="100%" align="center" valign="middle" style="background:url(${ctx}/static/images/expressStyle/sto/sx.jpg) right center no-repeat;">        <!-- <span class="font-jc font24">经济快递</span> --></td>
        <!-- <td align="left" class="tabd padding-left5" > <span class="font-jc font10">预约配送</span></td> -->
      </tr>
      <tr>
        <!-- <td align="left"  class="padding-left5">  <span class=" font8">2014年10月27日下午送达</span></td> -->
      </tr>
    </table></td>
    <td class="tabd" style="width:25mm; height:13mm;" valign="middle"> <span class="font-jc font24" style="font-family:'Arial Black';">${printerModel.companyCode }</span></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tabrd" style="width:4mm; height:16mm;" valign="middle">  <span class=" font7" style="line-height:10pt;letter-spacing:1px;">收件信息</span></td>
        <td class="tabrd padding-left5" align="left" valign="top">  <span class="font-jc font10">${printerModel.toName}&nbsp;&nbsp;${printerModel.toPhone ? printerModel.toPhone : printerModel.toMobile}</span><br /> 
              <!-- <span class=" font8" style=" float:right; padding-right:5px;"> 上海西游记数码店 </span> <br> -->
              <span class="font-jc font10"> ${printerModel.toAddress}</span></td>
      </tr>
    </table></td>
    <td rowspan="2" valign="top"><table class="font8 font-h" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tabd" style="height:5mm;" align="center">服务信息  </td>
      </tr>
      <tr>
        <td class="padding-left5" align="left"> 付款方式: <br>是否保价: <br>签单返还: <br> 代收货款:</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tabr" style="width:4mm; height:16mm;" valign="top">  <span class=" font7" style="line-height:10pt;letter-spacing:1px;" >寄件信息</span></td>
        <td align="left" valign="middle" class="font8  tabr padding-left5" >
               ${printerModel.fromName}&nbsp;&nbsp;${printerModel.fromPhone ? printerModel.fromPhone : printerModel.fromMobile}
              <!-- <span style=" float:right; padding-right:5px;"> 爱国者旗舰店 </span> <br> -->
               ${printerModel.fromAddress} <br>
              <font style="margin-top:5px; display:block;">寄件日期: <span style="margin-left:23mm;">商品: </span></font>
              </td>
      </tr>
    </table></td>
    </tr>
</table>

    </td>
  </tr>
  <tr>
    <td class="tabd" style="height:10mm;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="width:4mm; height:10mm;" class=" tabr" > <span class=" font7" style="line-height:10pt;">目的地</span></td>
    <td class=" font-jc font20" valign="middle" align="center">${printerModel.toProvince}-${printerModel.toTowns}-${printerModel.toDistCode}</td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <td style="height:5mm" class="  font8"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="50%" align="left" class="tabr padding-left5">始发:</td>
        <td align="left" class="padding-left5">到达:</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="tabtd2"><table style="height:21mm;" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" class="tabr" style=" width:75mm;height:21mm;">
        </td>
        <td class="padding-left5  font8"  valign="top" align="left">
        收件签收:<br/>
        <font style="margin-top:10mm; display:block;">　年　月　日　时</font>
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td style="height:8mm;" class=" font6 tabd padding-left5" align="left">快件送达收货人地址，经收件人或收件人(寄件人)允许的代收人签字，视为送达；您的签字代表您已验收此包裹，并已确认商品信息无误、包装完好、没有划痕、破损等表面质量问题。</td>
  </tr>
  <tr>
    <td style="height:2mm; line-height:5pt !important;" class="tabd">&nbsp;</td>
  </tr>
  <tr>
    <td style="height:34mm;"><table class="tabd" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tabrd" style="width:4mm; height:16mm;" valign="middle">  <span class=" font7" style="line-height:10pt;letter-spacing:1px;">收件信息</span></td>
        <td class="tabrd padding-left5" align="left" valign="top">  
        	<span class="font-jc font10">${printerModel.toName}&nbsp;&nbsp;${printerModel.toPhone ? printerModel.toPhone : printerModel.toMobile}</span><br />
              <!-- <span class=" font8" style=" float:right; padding-right:5px;"> 上海西游记数码店 </span> <br> -->
              <span class="font-jc font10"> ${printerModel.toAddress}</span></td>
      </tr>
    </table></td>
    <td rowspan="2" valign="top" style="width: 25mm"><table class="font8 font-h" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tabd" style="height:5mm;" align="center">服务信息  </td>
      </tr>
      <tr>
        <td class="padding-left5" align="left"> 付款方式: <br>是否保价: <br>签单返还: <br> 代收货款:</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tabr" style="width:4mm; height:16mm;" valign="middle">  <span class=" font7" style="line-height:10pt;letter-spacing:1px;">寄件信息</span></td>
        <td align="left" valign="top" class="font8  tabr padding-left5" >
               ${printerModel.fromName}&nbsp;&nbsp;${printerModel.fromPhone ? printerModel.fromPhone : printerModel.fromMobile}
              <!-- <span style=" float:right; padding-right:5px;"> 爱国者旗舰店 </span> <br> -->
			${printerModel.fromAddress} <br/>
              <font style="margin-top:5px; display:block;">寄件日期: <span style="margin-left:23mm;">商品: </span></font>
              </td>
      </tr>
    </table></td>
    </tr>
</table></td>
  </tr>
  <tr>
    <td class="tabd  font7" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="width:4mm; height:28mm;" class="tabr"> <span class=" font7" style="line-height:10pt;letter-spacing:1px;">托寄物<!-- <font class="font-90deg">(</font>商家自定<font class="font-90deg">)</font> --></span></td>
        <td class="tabr  font7"  align="center" valign="top">
          <table width="96%" border="0" cellspacing="0" cellpadding="0" style=" text-align:left; padding-top:5px; line-height:10pt!important ;">
	<tr>
	<td colspan="4" height="28">
	
	</td>
	</tr>
  <tr>
    <td style="padding-bottom:5px;">托寄商品</td>
    <td>SKU</td>
    <td>数量</td>
    <td>备注</td>
  </tr>
  <c:forEach items="${printerModel.packItems}" var="item" varStatus="i">
  	<c:if test="${i.count <= 4}">
	  <tr>
	    <td>${item.itemName}</td>
	    <td>${item.skuNumber }</td>
	    <td>${item.number}</td>
	    <td></td>
	  </tr>
	  </c:if>
  </c:forEach>
</table>

</td>
        <td style="width: 25mm"></td>
      </tr>
      <tr>
        </tr>
    </table></td>
  </tr>
    <tr>
    <%-- <td style="height:21mm; width: 25mm" class="tabd">
    <table border="0" cellspacing="0" cellpadding="0">
    	<tr>
    	<td width="210" height="55" > </td>
    	<td><img src="${ctx}/static/images/expressStyle/gto/logo.PNG" width="149" height="69" /></td>
    	</tr>
    </table>
    </td> --%>
    <td style="height:20mm; width: 10mm" class="tabd"></td>
  </tr>
</table>
</body>
</html>
